<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<base href="<%=basePath%>">
<html>
<head>
    <meta charset="utf-8">
    <title>
        阳光成单系统
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="System/css/x-admin.css" media="all">


    <!--分页插件-->
    <link rel="stylesheet" href="System/css/jqpagination.css" />
</head>


<style>
    #begin,#upper,#lower,#end{
        width: 40px;
        height: 30px;
        font-size: 20px;
    }
    #a{
        width: 200px;
        height: 30px;
        font-size: 18px;
    }
</style>
<body>
<div class="x-nav">
            <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>会员管理</cite></a>
              <a><cite>权限分类</cite></a>
            </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="employees/employeesList" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
    <form method="post" action="employees/SelEmpNameLike?page=1">
    <div class="layui-btn">
        <span class="layui-btn layui-btn-normal layui-btn-mini">姓名</span>
    </div>
    <div class="layui-input-inline">
        <input type="text" name="name"  placeholder="姓名" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-inline" style="width:80px">
        <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
    </div>
    <xblock>
        <span class="x-right" style="line-height:40px">共有数据：${EmpCount} 条</span>
    </xblock>
    </form>
    <table class="layui-table">
        <thead>
        <tr>
            <th>
                姓名
            </th>
            <th>
                年龄
            </th>
            <th>
               联系方式
            </th>
            <th>
                入职时间
            </th>
            <th>
               居住地址
            </th>
            <th>
                邮箱地址
            </th>
            <th>
                所属部门
            </th>
            <th>
                职责
            </th>
        </tr>
        </thead>
        <tbody id="x-link">
        <c:forEach items="${AllEmployees}" var="e">
        <tr>
            <td>
                    ${e.employeesName}
            </td>
            <td>
               ${e.employeesAge}
            </td>
            <td>
                   ${e.employeesPhone}
            </td>
            <td>
                ${e.employeesTime}
            </td>
            <td>
                    ${e.employeesAddress}
            </td>
            <td>
                    ${e.employeesEmil}
            </td>
           <td>
                <span class="layui-btn layui-btn-normal layui-btn-mini">
                   ${e.department.departmentName}
                </span>
           </td>
            <td>
                 <span class="layui-btn layui-btn-normal layui-btn-mini">
                    ${e.roles.rolesName}
                 </span>
            </td>
        </tr>
        </c:forEach>

        </tbody>
    </table>

    <%--    分页--%>
    <div id="wrapper" style="margin-left:480px">
        <div class="pagination">
            <a href="javascript:;" onclick="begin1()"  id="begin" class="first" data-action="first">&laquo;</a>
            <a href="javascript:;" onclick="upper1()"  id="upper" class="previous" data-action="previous">&lsaquo;</a>
            <input type="text" id="a"  readonly="readonly" value="${pageText}"/>
            <input type="hidden" id="a1" readonly="readonly" value="${thisPage}">
            <a href="javascript:;"  onclick="lower1()" id="lower" class="next" data-action="next">&rsaquo;</a>
            <a href="javascript:;" onclick="end1()"  id="end" class="last" data-action="last">&raquo;</a>
        </div>
        <div class="clearfix"></div> <!-- should probably have a shower after that -->
        <div style="text-align:center;clear:both;margin-top:50px">
            <%--    <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>--%>
            <%--    <script src="/follow.js" type="text/javascript"></script>--%>
        </div>
    </div>
</div>
<script src="System/lib/layui/layui.js" charset="utf-8"></script>
<script src="System/js/x-layui.js" charset="utf-8"></script>
<script>
    layui.use(['element','laypage','layer','form'], function(){
        $ = layui.jquery;//jquery
        lement = layui.element();//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层
        form = layui.form();//弹出层

        //监听提交
        form.on('submit(*)', function(data){
            console.log(data);
            //发异步，把数据提交给php
            layer.alert("增加成功", {icon: 6});
            $('#x-link').prepend('<tr><td><input type="checkbox"value="1"name=""></td><td>1</td><td>'+data.field.name+'</td><td class="td-manage"><a title="编辑"href="javascript:;"onclick="cate_edit(\'编辑\',\'link-edit.jsp\',\'4\',\'\',\'510\')"class="ml-5"style="text-decoration:none"><i class="layui-icon">&#xe642;</i></a><a title="删除"href="javascript:;"onclick="cate_del(this,\'1\')"style="text-decoration:none"><i class="layui-icon">&#xe640;</i></a></td></tr>');
            return false;
        });
    })

    //以上模块根据需要引入

    //批量删除提交
    function delAll () {
        layer.confirm('确认要删除吗？',function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
        });
    }



    //-编辑
    function cate_edit (title,url,id,w,h) {
        x_admin_show(title,url,w,h);
    }

    /*删除*/
    function cate_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            //发异步删除数据
            $(obj).parents("tr").remove();
            layer.msg('已删除!',{icon:1,time:1000});
        });
    }


    //首页
    function begin1(){
        $("#a1").attr("value",1);
        var number=$("#a1").val();
           <c:if test="${not empty EmpNameLike}">
             location.href="employees/SelEmpNameLike?name="+"${EmpNameLike}"+"&page="+number;
           </c:if>
           <c:if test="${empty EmpNameLike}">
             location.href="employees/SelEmpAll?page="+number;
           </c:if>
    }
    //上一页
    function upper1(){
        if(parseInt($("#a1").val())<=1){
            $("#a1").val().attr("value",1);
        }
        $("#a1").attr("value",parseInt($("#a1").val())-1);
        var number=$("#a1").val();
        <c:if test="${not empty EmpNameLike}">
        location.href="employees/SelEmpNameLike?name="+"${EmpNameLike}"+"&page="+number;
        </c:if>
        <c:if test="${empty EmpNameLike}">
        location.href="employees/SelEmpAll?page="+number;
        </c:if>
    }
    //下一页
    function lower1(){
        if(parseInt($("#a1").val())>=${EmpMax}){
            $("#a1").val().attr("value",${EmpMax})
        }
        $("#a1").attr("value",parseInt($("#a1").val())+1);
        var number=$("#a1").val();
        <c:if test="${not empty EmpNameLike}">
        location.href="employees/SelEmpNameLike?name="+"${EmpNameLike}"+"&page="+number;
        </c:if>
        <c:if test="${empty EmpNameLike}">
        location.href="employees/SelEmpAll?page="+number;
        </c:if>
    }
    //尾页
    function end1(){
        $("#a1").attr("value",${EmpMax});
        var number=$("#a1").val();
        <c:if test="${not empty EmpNameLike}">
        location.href="employees/SelEmpNameLike?name="+"${EmpNameLike}"+"&page="+number;
        </c:if>
        <c:if test="${empty EmpNameLike}">
        location.href="employees/SelEmpAll?page="+number;
        </c:if>
    }

</script>

</body>
</html>